import { FlowComponent } from 'solid-js'
import S from './View.module.styl'

export const fixed = S.fixed

type Hud = FlowComponent<{
  classList?: { [K in string]?: boolean }
}>

export const Hud: Hud = prop =>
  <div class={`${fixed} ${S.view}`}>
    <div class={S.hud} classList={prop.classList}>{prop.children}</div>
  </div>